.main {
    width: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
    .daybuy {
        margin-top: 30px;
        background-color: #fff;
        height: 294px;
        .time_purchase {
            position: relative;
            img {
                display: inline-block;
                width: 230px;
                height: 294px;
            }
            span {
                position: absolute;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                top: 225px;
                vertical-align: middle;
            }
            .colon1,
            .colon2 {
                width: 10px;
                font-size: 30px;
                vertical-align: middle;
            }
            .time_hour,
            .time_minute,
            .time_second {
                font-size: 24px;
                color: white;
                background-color: #111;
            }
            .time_hour {
                left: 35px;
            }
            .colon1 {
                left: 80px;
            }
            .time_minute {
                left: 95px;
            }
            .colon2 {
                left: 140px;
            }
            .time_second {
                left: 155px;
            }
        }
        .slide {
            position: relative;
            width: 970px;
            height: 294px;
            background-color: #fff;
            .outerbox {
                position: relative;
                width: 868px;
                height: 294px;
                margin: 0 51px;
                overflow: hidden;
            }
            .oslide_banner {
                position: absolute;
                display: flex;
                justify-content: flex-start;
                width: 868px;
                height: 294px;
                overflow: hidden;
            }
            .item_box {
                width: 190px;
                height: 294px;
                padding: 23px 0px;
                margin-right: 36px;
                &:nth-child(4n) {
                    margin-right: 0;
                }
            }
            .good_item {
                width: 190px;
                height: 248px;
            }
            .good_item img {
                width: 190px;
                height: 196px;
            }
            .good_title {
                color: #666;
                font-size: 16px;
                line-height: 20px;
                height: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: block;
                margin-top: 10px;
                margin-bottom: 2px;
                padding: 0 10px;
            }
            .good_price {
                text-align: center;
            }
            .good_price em {
                display: inline-block;
                color: #FF4466;
                font-style: normal;
                font-size: 22px;
                font-family: "PingFang SC";
            }
            .arrow {
                position: absolute;
                top: 50%;
                width: 25px;
                height: 54px;
                background-size: cover;
                margin-top: -25px !important;
                z-index: 10;
                opacity: .8;
                background: url(../img/index_bg.png) no-repeat;
            }
            .prev_btn {
                border-bottom-right-radius: 5px;
                border-top-right-radius: 5px;
                left: 0px;
                background-position: -4px 0;
            }
            .next_btn {
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px;
                right: 0px;
                background-position: -55px 0;
            }
        }
    }
}

.limitFast {
    margin-top: 10px;
    .quick_img {
        display: inline-block;
        width: 470px;
        margin-right: 10px;
        img {
            width: 100%;
        }
    }
    .limit_img {
        display: inline-block;
        width: 230px;
        margin-right: 9px;
        &:last-child {
            margin-right: 0;
        }
        img {
            width: 100%;
        }
    }
}

.topicLink {
    .sideIcon {
        width: 8px;
        height: 22px;
        float: left;
        margin-right: 10px;
    }
    .titleName {
        margin-right: 30px;
        height: 22px;
        line-height: 22px;
        font-size: 20px;
        font-weight: 700;
    }
    .linkbox {
        a {
            font-size: 14px;
            margin: 0 16px;
            &:hover {
                color: #FF5777
            }
        }
    }
}

.leftpic {
    width: 230px;
    height: 555px;
    margin-right: 10px;
    a {
        display: block;
        img {
            width: 100%;
            height: 100%;
        }
    }
    .common_left img {
        height: 555px;
    }
}

.topswiper {
    width: 950px;
    height: 408px;
    margin-bottom: 10px;
    position: relative;
    .swiper_box {
        width: 100%;
        margin: 0 auto;
        .swiper_item {
            width: 230px;
            height: 408px;
            padding: 16px;
            margin-right: 10px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            background: #ffffff;
            border-radius: 2px;
            overflow: hidden;
            &:last-child {
                margin-right: 0;
            }
            a {
                display: block;
                width: 100%;
                height: 100%;
            }
            img {
                position: relative;
                width: 198px;
                height: 297px;
                border-radius: 2px;
                overflow: hidden;
                border-radius: 4px;
                margin-bottom: 7px;
            }
            .swiper_item_title {
                font-size: 16px;
                letter-spacing: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                height: 2.8em;
                position: relative;
                line-height: 1.4em;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                width: 198px;
                color: #333333;
            }
            .swiper_item_price {
                height: 24px;
                line-height: 24px;
                font-size: 22px;
                color: #FF4466;
                margin-top: 3px;
                text-align: center;
            }
            .swiper_item_price em {
                font-style: normal;
            }
        }
    }
}

.middlePic {
    display: inline-block;
    width: 950px;
    height: 113px;
    overflow: hidden;
    a {
        display: inline-block;
        width: 230px;
        height: 113px;
        margin-right: 10px;
        &:first-child {
            width: 461px;
        }
        &:last-child {
            margin-right: 0;
        }
        img {
            width: 100%;
            height: 100%;
        }
    }
}

.bottomPic {
    width: 950px;
    height: 86px;
    overflow: hidden;
    margin-top: 6px;
    a {
        display: inline-block;
        background: #ffffff;
        width: 228px;
        height: 83px;
        overflow: hidden;
        margin-right: 8px;
        position: relative;
        &:last-child {
            margin-right: 0;
        }
        .bottom_item_info {
            display: inline-block;
            width: 137px;
            margin-left: 13px;
            margin-top: 15px;
            .bottom_item_title {
                overflow: hidden;
                width: 100%;
                font-size: 20px;
                text-overflow: ellipsis;
                white-space: nowrap;
                -webkit-text-fill-color: transparent;
                -webkit-background-clip: text;
            }
            .bottom_item_desc {
                overflow: hidden;
                width: 100%;
                font-size: 14px;
                color: #666666;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
        .bottom_item_img {
            position: absolute;
            top: 0;
            right: 0;
            width: 82px;
            height: 83px;
            overflow: hidden;
            img {
                width: 100%;
                height: 100%;
                transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
            }
            &:hover img {
                transform: translateY(-5px);
                -webkit-transform: translateY(-5px);
            }
        }
    }
}

// 女装&包包区域样式
// 中间轮播主体区域样式
.mid_wriper {
    width: 630px;
    height: 555px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-color: cyan;
    .mid_content {
        width: 100%;
        background: #fff;
        height: 555px;
    }
    .mid_banner {
        width: 100%;
        margin: 0 auto;
        height: 520px;
        padding-left: 21px;
        padding-top: 20px;
        .swiper_img {
            width: 182px;
            height: 233px;
            margin-right: 21px;
            margin-bottom: 24px;
            display: inline-block;
            background: #ffffff;
            overflow: hidden;
            a {
                display: block;
                width: 100%;
                height: 100%;
            }
            .swiper_pic {
                position: relative;
                width: 182px;
                height: 182px;
                overflow: hidden;
            }
            .swiper_pic img {
                position: absolute;
                width: 100%;
                height: 100%;
            }
            .swiper_img_title {
                font-size: 14px;
                line-height: 20px;
                letter-spacing: 0;
                height: 20px;
                margin-top: 4px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 182px;
                color: #333333;
            }
            .swiper_img_price {
                letter-spacing: 0;
                text-align: center;
                height: 24px;
                margin-top: 4px;
                line-height: 24px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 20px;
                color: #FF4466;
            }
        }
    }
    .swiper_dot {
        position: absolute;
        bottom: 12px;
        z-index: 10;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        a {
            display: inline-block;
            margin-right: 18px;
            border-radius: 50%;
            width: 8px;
            height: 8px;
            padding: 0;
            background: #ccc;
        }
        .active_color {
            background-color: #333;
        }
    }
}

.mid_banner0,
.mid_banner1,
.mid_banner2,
.mid_banner3,
.mid_banner4,
.mid_banner5 {
    position: absolute;
    left: -630px;
}

.mid_banner0 {
    left: 0;
}

// 右侧相似商品推荐区域样式
.rightAlike {
    width: 310px;
    height: 555px;
    overflow: hidden;
    background-color: white;
    .alike_head {
        width: 310px;
        line-height: 22px;
        padding: 28px 20px 26px 20px;
        overflow: hidden;
        .recommend {
            font-size: 18px;
            color: #333;
            letter-spacing: 0;
        }
        .turn_next {
            font-size: 14px;
            float: right;
            color: #5f5f5f;
            cursor: pointer;
            &::before {
                content: "";
                width: 12px;
                height: 12px;
                display: inline-block;
                margin: 0 3px;
                line-height: 22px;
                background: url("https://s10.mogucdn.com/mlcdn/c45406/180320_6j5a92c57jl5l8c3j6je38cdle4g8_12x12.png");
            }
        }
    }
    .right_goods_item {
        display: block;
        width: 274px;
        display: block;
        height: 93px;
        margin: 0 auto 25px;
        .right_imgbox {
            width: 93px;
            height: 93px;
            margin-right: 10px;
            overflow: hidden;
            img {
                width: 100%;
                height: 100%;
            }
        }
        .right_good_info {
            width: 170px;
            .right_info_title {
                width: 100%;
                font-size: 14px;
                color: #666;
                overflow: hidden;
                height: 44px;
                position: relative;
                line-height: 22px;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical
            }
            .right_info_price {
                font-size: 20px;
                color: #ff4466;
            }
        }
    }
}

// 猜你喜欢区域样式
.love_title {
    a {
        display: inline-block;
        width: 100%;
        height: 25px;
        line-height: 25px;
        font-family: "PingFang SC", Georgia, "Times New Roman", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;
        font-size: 20px;
        font-weight: 700;
    }
}

.love_good {
    float: left;
    width: 218px;
    height: 373px;
    border: 1px solid #f2f2f2;
    margin: 0 25px 25px 0;
    &:nth-child(5n) {
        margin-right: 0;
    }
    &:hover {
        border: 1px solid #f57
    }
    .render_data {
        display: block;
        text-align: center;
        .render_img {
            width: 216px;
            height: 294px;
            background-color: royalblue;
        }
        p {
            line-height: 20px;
            position: relative;
            font-size: 14px;
            color: #666;
            height: 40px;
            margin: 6px 5px 3px 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .render_price {
            float: left;
            color: #333;
            font-weight: 700;
            font-size: 16px;
            margin-left: 10px;
        }
        .render_salenum {
            float: right;
            font-size: 14px;
            color: #999;
            margin-right: 10px;
            img {
                width: 16px;
                height: 16px;
                vertical-align: middle;
            }
            strong {
                vertical-align: middle;
                font-weight: normal;
            }
        }
    }
}